@charset "utf-8";
@import "../../../base/_common";
.legal_wrap{width: 950px;*width: 940px;min-height:300px;margin: 0 auto;padding-left: 10px;}
.sec-my-legal{
	font-size:14px;
	.equity_box{
		height:40px;
		line-height:40px;
		margin-bottom: 28px;
  		padding: 0 20px;
		background:#f3f3f3;
		border-bottom:1px solid #e8e8e8;
		color: #999;
	}
	.border_box {
	  float: left;
	  width:10%;
	  color: #666;
	  font-weight: 700;
	}
	.equity_box p {
	  text-align: right;
	}
	.equity_box a {
	  color: $color-main;
	  margin-left: 10px;
	}
}
.sec-my-legal-content {
  border: 1px solid #dbdbdb;
  padding: 0 20px;
  position: relative;
}
.sec-my-legal{
	table{
		width:100%;line-height:30px;
		th {
		  text-align: left;
		}
		td {
		  padding: 12px 0;
		  vertical-align: middle;
		  .state{color:#ff9800;}
		  .apply{margin-left:30px;color:$color-main;}
		}
		tr label {
		  display: inline-block;
		  width: 90px;
		  font-weight: 700;
		}
		td{
			.payment_wrap{margin-top:29px;text-align:center;}
			.num{font-size: 18px;color:#333;font-weight:700;}
			em{
				color: #999;
			}
		}
		.legal-padding{
			padding: 10px 0;
		}
	}
	.loan-link-mask{
		padding:5px 10px;
		  margin-bottom:10px;
		  background:#f8f8f8;
		  border-left:1px solid #ccc;
		  border-right:1px solid #ccc;
		  border-bottom:1px solid #ccc;
		  overflow:hidden;
  		a {
		  color: #999;
		  text-decoration: underline;
			&:hover{
				text-decoration:none;
			}
		}
		.equity_link{
			padding:7px 14px;
			display:block;
			float:right;
			border:1px solid $color-main;
			color:$color-main;
			background:#fff;
			text-align:center;
			font-size:14px;
			text-decoration: none;
		}
	}
}
.equity_link .equity_link_arrows{
	width:7px;
	height:12px;
	display:block;
	background: url(#{$imgurl-base}/list/equity_link_arrows-2.0.png) no-repeat;
	float:right;
	margin-top:5px;
	margin-left:5px;
}

.sec-my-legal{
	.overdue_mask,.overdue_btn{display:none;}
	.overdue{
			.overdue_mask{
				display:block;
				position:absolute;
				width:100%;
				height:100%;
				top:0;
				left:0;
				background:#333;
				opacity: 0.5;
				filter: alpha(opacity=50);
			}
			.overdue_btn{
				display:block;
				position:absolute;
				top:30%;
				left:50%;
				display:inline-block;
				width:190px;
				height:40px;
				line-height:40px;
				text-align:center;
				margin-left:-95px;
				background:$color-main;
				color:#fff;
				text-decoration:none;
			}
		}

}
.sec-my-legal-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 948px;
  height: 120px;
  background: rgba(51,51,51,.6);
}
.sec-my-legal-bg .overdue-info {
	width: 190px;
	height: 40px;
	color: #fff;
	background: $color-main;
	line-height: 40px;
	text-align: center;
	margin: 40px auto;
}
.loan_tit_wrap{
	#loanToggle{
		display:inline-block;
		width:14px;
		height:14px;
		margin:-3px 0 0 10px;
		vertical-align:middle;
		cursor:pointer;
	}
	.loan_intro_wrap{
		position:absolute;
		left:0;
		top:40px;
		width:321px;
		line-height:25px;
		padding: 8px 15px 15px;
		background:#f3f3f3;
		color: #666;
	}
	.arrow_icon{
		position: absolute;
		top: -24px;
		left: 51px;
		width:0;
		height:0;
		border-width: 13px;
		border-style: solid;
		border-color: transparent transparent #f3f3f3;
	}
	.brand_wrap{
		padding-top:5px;
		img{
			vertical-align:middle;
		}
	}
}
.no_return{
	padding:50px 0;
	text-align:center;
	border:1px solid #ccc;
	p{
		padding:5px 0;
		font-size:16px;
		font-weight:700;
	}
	a{
		color:$color-main;
		font-size:12px;
		text-decoration:underline;
		&:hover { text-decoration:none; }
	}
}
.hide{display:none;}
